<template>
  <a :href="link" class="a-link" target="_blank">
    <slot></slot>
  </a>
</template>
<script lang="ts" setup>
withDefaults(defineProps<{
  link: string
  color?: string
}>(), {
  color: '#409eff'
})
</script>
<style lang="scss">
.a-link {
  color: v-bind(color);
  text-decoration: none;
  &:hover {
    color: #42b883;
  }
}
</style>